<template>
  <div class="header">
    <router-link to="/"><div class="iconfont">&#xe677;</div></router-link>
    城市选择
  </div>
</template>

<script type="text/ecmascript-6">
export default{
    name:'CityHeader'
}
</script>

<style lang="stylus" scoped>
@import '~@/assets/styles/varibles.styl'

.header
  position relative
  overflow hidden
  height 43px
  line-height 43px
  text-align center
  color #fff
  background $bgColor
  .iconfont
    position absolute
    padding 0 7px
    color #fff
    font-size 22px
</style>
